<template>
 <div class="wrap">
  <header><router-link to = "/Home"><</router-link>
    <p>
      客户端新用户,来领券啦!
    </p>
    <div class="dot">
      <span>●●●</span>
      <div class="dot_menu">
        <router-link to="/Home"><h5>首页</h5></router-link>
        <router-link to="/Market"><h5>分类搜索</h5></router-link>
        <router-link to="/Cart"><h5>购物车</h5></router-link>
        <router-link to="/Mine_in"><h5>我的</h5></router-link>
      </div>
    </div>
  </header>
  <div class="img">
    <img src="http://m.wangjiu.com/activity/2016/10/images/05_ticket04/05_come_05.jpg" alt="">
    <img src="http://m.wangjiu.com/activity/2016/10/images/05_ticket04/05_come_06.jpg" alt="">
    <a><img src="http://m.wangjiu.com/activity/2016/10/images/05_ticket04/05_come_08.jpg"></a>
  </div>
  <div class="intro">
    <h3>
      优惠券说明
    </h3>
    <ol>
      <li>优惠券领取时间：2017年4月7日-2017年5月30日；优惠券有效期：2017年4月7日-2017年5月30日，过期作废；</li>
      <li>本券仅限网酒网新注册用户可领取，首次使用网酒网客户端（包括IOS端及安卓端）下单可用;</li>
      <li>本优惠券面额10元，仅限新用户首次在网酒网APP下单满59元可用</li>
      <li>优惠券限量30000张,数量有限发完为止 ；</li>
      <li>使用VIP余额购买商品时，不可使用本优惠券；</li>
      <li>领取成功后，点击网酒网客户端“我的”-“优惠券”，即可查看券；支付前选择相应券种可减，请悉知； </li>
      <li>每个ID仅限领取一张； </li>
      <li>更多活动详情请致电客服电话：4000-519-519。</li>
    </ol>
  </div>
  <footer>
    <a>
      <img src="http://m.wangjiu.com/activity/2015/images/04_414/btn-03-02.png" alt="">
    </a>
  </footer>
</div>
</template>

<script>
export default {
  name: 'home_one',
  data () {
    return {
      msg: '<h1>这是新人领券页面</h1>'
    }
  },
  created:function () {
    $(function () {
	  $('.dot').click(function(event) {
	  event.stopPropagation();
	  $('.dot_menu').slideToggle(200);
	    });
})
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.wrap {
  padding-bottom: 2rem; }

header {
  width: 100%;
  height: 64px;
  line-height: 64px; }
  header a {
    width: 5%;
    float: left;
    display: block;
    margin-left: 0.5rem;
    color: #ccc; }
  header p {
    width: 80%;
    float: left;
    text-align: center; }
  header .dot {
    height: 64px;
    width: 10%;
    float: left;
    position: relative;
    cursor: pointer; }
  header .dot_menu {
    display: none;
    padding: 0.2rem;
    background: #000;
    color: #fff;
    position: absolute;
    width: 2rem;
    left: -0.9rem; }
    header .dot_menu a{
    	display: block;
    	width: 100%;
    	margin-left: 0;
    }
    header .dot_menu h5 {
      border-bottom: 1px solid #ccc;
      height: 0.8rem;
      width: 90%;
      float: left;
      margin-left: 1%;
      line-height: 0.8rem; }

.img {
  font-size: 0px; }
  .img a {
    width: 100%; }
  .img img {
    width: 100%; }

.intro {
  background: #FFF5BA;
  width: 100%;
  padding-bottom: 1rem;
  padding: 15px;
  box-sizing: border-box; }
  .intro h3 {
    line-height: 2; }
  .intro img {
    width: 100%; }
  .intro ol {
    list-style: decimal; }
  .intro li {
    list-style: decimal;
    display: list-item;
    margin-left: 15px; }

footer {
  width: 100%; }
  footer img {
    width: 100%; }
</style>


